@charset "UTF-8";
// 焦点图
.banner-wrap{
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  .banner-bg {
    position: relative;
    li {
      position: absolute;
      width: 100%;
      height: 500px;
      display: none;
    }
  }
  .banner-img {
    position: absolute;
    width: 1140px;
    left: 50%;
    margin-left: -500px;
    .banner1_1 {
      position: absolute;
      left: -30px;
      top: 220px
    }
    .banner1_2 {
      position: absolute;
      left: 620px;
      top: -13px
    }
    .banner2_1 {
      position: absolute;
      left: -240px;
      top: -10px
    }
    .banner2_2 {
      position: absolute;
      left: 470px;
      top: 190px
    }
    .banner3_1 {
      position: absolute;
      left: -30px;
      top: 190px
    }
    .banner3_2 {
      position: absolute;
      left: 600px;
      top: -10px
    }
    .banner4_1 {
      position: absolute;
      left: -30px;
      top: 170px
    }
    .banner4_2 {
      position: absolute;
      left: 430px;
      top: 20px
    }
    .banner5_1 {
      position: absolute;
      left: -30px;
      top: 170px
    }
    .banner5_2 {
      position: absolute;
      left: 430px;
      top: 60px
    }
    .banner6_1 {
      position: absolute;
      left: -80px;
      top: 90px;
    }
    .banner6_2 {
      position: absolute;
      left: 550px;
      top: 200px;
    }
  }
  .banner-menu{
    position: absolute;
    width: 988px;
    left: 50%;
    margin-left: -500px;
    .banner-menu-set {
      position: absolute;
      width: 100%;
      top: 10px;
      text-align: right;
      font-size: 0;
      border-radius: 20px;
      li {
        cursor: pointer;
        margin: 0 3px;
        display: inline
      }
    }
  }
  .banner-prev {
    position: absolute;
    left: -100px;
    top: 230px;
    cursor: pointer;
    display: none
  }
  .banner-next {
    position: absolute;
    right: -100px;
    top: 230px;
    cursor: pointer;
    display: none
  }
}

// 服务项目
.mod-ser-wrap {
  position: relative;
  top: -80px;
  left: 0;
  z-index: 1000;
  font-family: "黑体";
  .ser-item {
	display: inline-block;
	float: left;
	width: 20%;
	//text-align: center;
	.img-item {
	  display: inline-block;
	  width: 142px;
	  height: 142px;
	  background: url("../images/ser_img.png") no-repeat;
	  cursor: pointer;
	  @include transition(.3s all);
	  &:hover {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}
	.img-item1 {
	  background-position: 0 0;
	  @extend .img-item;
	}
	.img-item2 {
	  background-position: -249px 0;
	  @extend .img-item;
	}
	.img-item3 {
	  background-position: -498px 0;
	  @extend .img-item;
	}
	.img-item4 {
	  background-position: -747px 0;
	  @extend .img-item;
	}
	.img-item5 {
	  background-position: -995px 0;
	  @extend .img-item;
	}
	//.title-item {
	//  h4, h5 {
	//	//font-weight: 800;
	//  }
	//  h4 {
	//	color: $hr-base;
	//  }
	//}
	ol {
	  line-height: 22px;
	  color: $gray;
	  text-align: left;
	  //padding-left: 50px;
	}
  }
}

%title-item {
  display: inline-block;
  width: 100%;
  height: 24px;
  background: url("../images/ser_title.png") no-repeat;
  text-indent: -9999px;
  margin: 30px 0 15px;
}

.title-item1 {
  background-position: 0 0;
  @extend %title-item;
}

.title-item2 {
  background-position: -248px 0;
  @extend %title-item;
}

.title-item3 {
  background-position: -497px 0;
  @extend %title-item;
}

.title-item4 {
  background-position: -747px 0;
  @extend %title-item;
}

.title-item5 {
  background-position: -995px 0;
  @extend %title-item;
}

.mod-title {
  height: 50px;
  line-height: 50px;
  margin: 60px 0 20px;
  h2 {
	display: inline-block;
	width: 300px;
	height: 55px;
	text-indent: -9999px;
	margin: 0;
  }
  .title-about {
	background: url("../images/about_title.png") no-repeat 0 0;
  }
  .title-case {
	background: url("../images/case_title.png") no-repeat 0 0;
  }
  p {
	color: $gray-light;
	line-height: 1;
	font-size: 14px;
  }
  .more {
	float: right;
	li {
	  float: left;
	  display: inline-block;
	  font-size: 12px;
	  //text-shadow: 1px 1px 2px rgba($gray-base,.5);
	  a {
		color: #5F5D5D;
		&:hover {
		  color: $hr-base;
		}
	  }
	  span {
		color: #5F5D5D;
		padding: 0 5px;
		font-size: 8px;
	  }
	}
  }
}

// 公司案例
.mod-case-wrap {
  width: 100%;
  background-color: $gray-base;
  padding-bottom: 40;
  .title-line {
	height: 1px;
	border-top: 1px solid #5F5D5D;
  }
  .mod-case-inner {
	margin-top: 30px;
	margin-left: -10px;
	margin-right: -10px;
	.map-item {
	  width: 25%;
	  padding: 0 10px 20px;
	}
  }
}

// 关于我们
.mod-about-wrap {
  padding-bottom: 60px;
  .title-line {
	height: 1px;
	border-top: 1px solid #eee;
  }
  .mod-about-inner {
	margin: 30px -15px 0;
  }
  .about-img {
	float: left;
	width: 25%;
	padding: 0 15px;
  }
  .about-con {
	padding: 0 10px;
  }
}